<template>
  <div>
    <van-calendar
      v-model:show="show"
      @confirm="onConfirm"
      :poppable="false"
      title="签到"
      confirm-text="点击签到"
      :style="{ height: '500px' }"
      :formatter="formatter"
      :show-confirm="true"
    />
  </div>
</template>

<script>
import { ref, onMounted } from 'vue'
import httpApi from '@/http'
export default {
  setup() {
    // 当前签到时间
    const date = ref('')
    // 签到 点击隐藏
    const show = ref(false)
    // 未签到状态 0未签到 1已签到
    const qd = ref(0)
    // 时间函数，获取的当前时间
    const formatter = day => {
      // console.log(day.date)
      const date = day.date.getDate()
      const month = day.date.getMonth() + 1
      // 新建一个当前时间
      let newDate = new Date().getDate()
      let newMouth = new Date().getMonth() + 1
      //let sjksj=ChaXunXinXi.data.data.getDate()
      // console.log('456',sjksj)
      //   let sjzrq = ;
      //  let sjkqa =;
      //   if(mouth === sjksj){
      //     sjzrq.forEach(element => {
      //       if(sjkqa===1){
      //         day.text = '已签到';
      //       }
      //     });
      //   }
      // console.log(date,'123');
      // console.log(newDate, '123')

      //  获得一个，点击签到时当前的时间
      //  存储当前签到时间（增加签到次数、user_id ）
      // 下次再进入查询，（从数据库拿数据）遍历数据库，将数据渲染上去

      //判断，新建的当前时间，是否跟选择的时间是否一致
      // 一致   已签到
      // 不一致 签到不成功
      if (month === newMouth) {
        if (date === newDate) {
          if (qd.value === 1) {
            day.text = '已签到'
          }
        }
      }

      return day
    }
    // 点击修改，当前时间，改为已签到
    const onConfirm = (value, day) => {
      show.value = false
      qd.value = 1
      if (qd.value == 1) {
        console.log('您已签到，请勿重复签到')
        return
      }
      console.log(qd.value, '1234')
    }
    // 通过id查询到当前用户信息
    const ChaXunXinXi = []
    onMounted(() => {
      let params = { user_id: 1 }
      httpApi.qiandaoApi.queryAll(params).then(res => {
        console.log(res)
        let data = res.data.data
        console.log('请求到的数据', data)
        ChaXunXinXi.push(...data)
        // console.log('object', ChaXunXinXi)
      })
    })
    // 获得当前日期
    var nedate = new Date()
    console.log('nedate', nedate)
    // 修改信息
    onMounted(() => {
      let body = {
        user_id: 4888,
        sign_time: nedate,
        sign_type: 1,
        sign_day: 2,
      }
      console.log(body)
      httpApi.qiandaoApi.queryAddAll(body).then(res => {
        console.log('修改数据', res)
      })
    })

    return {
      date,
      show,
      onConfirm,
      formatter,
    }
  },
}
</script>

<style lang="scss" scoped>
.btnCls {
  margin-top: 50px;
  margin-left: 130px;
}
</style>
